<!DOCTYPE html>

<html lang="en">
	
	
	<head>
		
		<!--[if lt IE 7]>      <html class="ie6"> <![endif]-->
		<!--[if IE 7]>         <html class="ie7"> <![endif]-->
		<!--[if IE 8]>         <html class="ie8"> <![endif]-->
		<!--[if gt IE 8]><!-->   <html>         <!--<![endif]-->
		<meta charset="utf-8" />
		<meta name="description" content="A place to find out some of the newest things on digital. How to develop and implement digital solutions."/>
		<meta name="keywords" content="Design, Digital, Multimedia, 3D, Virtual, Real Time, Augmented, Reality, Mobile, Ads, Advertisement, Advertise, Illustration, Development, ActionScript, Stage3D, PHP, Javascript, HTML5"/>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>The Source</title>
		
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
	</head>

	
	<body>

		<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
		<script src="js/modernizr.custom.90807.js"></script>
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSRulePlugin.min.js"></script>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/RaphaelPlugin.min.js"></script>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ColorPropsPlugin.min.js"></script>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/EaselPlugin.min.js"></script>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/TextPlugin.min.js"></script>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ScrollToPlugin.min.js"></script>
	
		<!--<script src="js/bbq.js"></script>-->
		<script src="src/Connector.js"></script>
		<script src="src/Creator.js"></script>
		<script src="src/Watcher.js"></script>
		<script src="src/Selector.js"></script>
		<script src="src/Layout.js"></script>
        <script src="src/Events.js"></script>
		
		<script>
		
		
		
		$(document).ready(function(e) {
            
			console.log("ready doc")
			
        });
		
		
		$(window).ready(function(e) {
            
			console.log("ready win")
			
        });
		
		$("body").ready(function() {
			console.log("ready")
		
			Creator.create("menu", "box","body","Supertemporal");
			Creator.create("entrance", "box","body","");
			Creator.create("test1","panel","#entrance","Test1");
			Creator.create("test2","panel","#entrance","Test2");
			Creator.create("test3","panel","#entrance","Test3");
			Layout.applyFX();
			Layout.position();
			Events.apply();
			
			
			$(window).resize(function(e) {
       				
					Layout.position();
            });
			
			
			
			
			
			TweenMax.to($("#menu"),1,{top:"0em"});
		//	$("body").bind("conEvent", function (event, data){	console.log(data + " ->trace from Main"); });

			/*var con = new Connector();
	        $("#login_btn").click(function () {

						var data = new Object;
						data.val1= $("#login").val();
						data.val2 = $("#pass").val();
						console.log("connecting")
						var json = jsObj2phpObj(data);
						con.connect ("object", {json:json});

				});*/



		/*	var selector = new Selector();
			if (Watcher.browserValidator()) {
				Watcher.watch();*/
				//say hello
				
				/*if (Modernizr.csstransforms3d){
						$('#entrance').css('left', '20%')
						TweenMax.to ($('#entrance'),2,{css:{opacity:1}});
				} else {
						$('#entrance').css('left', '20%')
						TweenMax.to ($('#entrance'),2,{css:{opacity:1}});
				}
			} else {
				$('body').html("<div>Hi there. Please update you're browser! ;) </div>");
			}
			});*/
		

		/*function jsObj2phpObj (object) {

		var json = "{";
		for (property in object) {

			var value = object[property]; 
			if (typeof(value)=="string") {

				json +='"'+property+'":"'+value+'",'

			} else {
						if (!value[0]) {
								json += '"'+ property+'":'+jsObj2phpObj(value)+',';
						} else {

							json += '"'+property+'":[';
							for (prop in value) json += '"' + value [prop] + '",';
							json = json.substr(0,json.length-1) + "],";
						}
					}
				}
			return json.substr(0,json.length-1) + "}";
	}*/

		//analitycs
		/*var _gaq = _gaq || [];

		  var pluginUrl = '//www.google-analytics.com/plugins/ga/inpage_linkid.js';

			  _gaq.push(['_require', 'inpage_linkid', pluginUrl]);
		  _gaq.push(['_setAccount', 'UA-39386817-1']);
		  _gaq.push(['_trackPageview']);

		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();*/
		
	});
		</script>
	
		

		<!--
		<div id="loginbox" class="center" style="visibility:visible;">

			<label for="login">Login</label>
			<input id="login" type="text"></input>
			<label for="pass">Password</label>
			<input id="pass" type="password"></input>
			<button id="login_btn" type="button">Click Me!</button> 
			<textarea id="debug_text"></textarea>

			<button id="test_btn" type="button">Object Me!</button> 

		</div>
	-->
	</body>
</html>